<template>
    <div class="site-info">
        <div class="container">
            <div class="logo ir">小米官网</div> 
            <div class="info-text">
                <p class="sites">
                    <a rel="nofollow" href="//www.mi.com/index.html" target="_blank">
                        小米商城
                    </a> 
                    <span class="sep">|</span> 
                    <a rel="nofollow" href="//www.miui.com/" target="_blank">
                        MIUI
                    </a> 
                    <span class="sep">|</span> 
                    <a rel="nofollow" href="//home.mi.com/index.html" target="_blank">
                        米家
                    </a> 
                    <span class="sep">|</span> 
                    <a rel="nofollow" href="http://www.miliao.com/" target="_blank">
                        米聊
                    </a> 
                    <span class="sep">|</span> 
                    <a rel="nofollow" href="//www.duokan.com/" target="_blank">
                        多看
                    </a> 
                    <span class="sep">|</span> <a rel="nofollow" href="//game.xiaomi.com/" target="_blank">游戏</a> <span class="sep">|</span> <a rel="nofollow" href="//b.mi.com/?client_id=180100031058&amp;masid=17409.0358" target="_blank">政企服务</a> <span class="sep">|</span> <a rel="nofollow" href="//xiaomi.tmall.com/" target="_blank">小米天猫店</a> <span class="sep">|</span> <a rel="nofollow" href="//privacy.mi.com/all/zh_CN/" target="_blank">小米集团隐私政策</a> <span class="sep">|</span> <a rel="nofollow" href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html" target="_blank">小米公司儿童信息保护规则</a> <span class="sep">|</span> <a rel="nofollow" href="//m.mi.com/support/module?id=63&amp;headless=1" target="_blank">小米商城隐私政策</a> <span class="sep">|</span> <a rel="nofollow" href="//www.mi.com/about/user-agreement/" target="_blank">小米商城用户协议</a> <span class="sep">|</span> <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank">问题反馈</a> <span class="sep">|</span> <a rel="nofollow" href="javascript:void(0);" class="J_siteGlobalRegion">Select Location</a></p> <p class="sites"><a rel="nofollow" href="http://www.mi.com/beihu" target="_blank">北京互联网法院法律服务工作站</a> <span class="sep">|</span> <a rel="nofollow" href="http://www.cca.org.cn/" target="_blank">中国消费者协会</a> <span class="sep">|</span> <a rel="nofollow" href="http://www.bj315.org/" target="_blank">北京市消费者协会</a></p> <p>
                ©
                <a href="javascript:;" target="_blank" title="mi.com">mi.com</a> 京ICP证110507号
                <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a> <a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank">京公网安备11010802020134号</a> <a href="//www.mi.com/culture-license/" target="_blank">京网文[2020]0276-042号</a> <br> <a href="//www.mi.com/medical/record/" target="_blank">（京）网械平台备字（2018）第00005号</a> <a href="//www.mi.com/medical/qualification/" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a> <a href="//www.mi.com/business-license/" target="_blank">营业执照</a> <a href="//www.mi.com/medical/list/" target="_blank">医疗器械质量公告</a> <br> <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e0c7d4cf3b7cd88de10196e30c92e020.png" target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png" target="_blank">食品经营许可证</a> <br>
                违法和不良信息举报电话：171-5104-4404&nbsp;<a href="https://www.mi.com/intellectual" target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </p></div> <div class="info-links"><a rel="nofollow" href="//privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&amp;lang=zh-cn" target="_blank"><img rel="nofollow" src="//i1.mifile.cn/f/i/17/site/truste.png" alt="TRUSTe Privacy Certification"></a> <a rel="nofollow" href="//search.szfw.org/cert/l/CX20120926001783002010" target="_blank"><img rel="nofollow" src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站"></a> <a id="_xinchacharenzheng_cert_vip_kexinweb" rel="nofollow" href="//xyt.xinchacha.com/pcinfo?sn=523009637759455232&amp;certType=6" target="_blank"><img rel="nofollow" src="//xyt.xinchacha.com/img/icon/icon3.png" alt="可信网站"></a> <a rel="nofollow" href="//www.mi.com/service/buy/commitment/" target="_blank"><img rel="nofollow" src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="诚信经营 放心消费"></a><a rel="nofollow" href="https://webcert.cnmstl.net/cert/grade?sn=3af21034e35011eab3ea00163e068ceb" class="safe-auth J_safeAuth active"><img rel="nofollow" src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png" class="img1"><img rel="nofollow" src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/495e8e559e6bf7d6e40e1c60d4cd34d2.png" class="img2"></a></div>
        </div> 
        <div class="slogan ir">探索黑科技，小米为发烧而生</div>
    </div>
</template>

<script>
export default {
    name: 'SiteInfo',
}
</script>

<style lang="less" scoped>
.site-info {
    padding: 30px 0;
    font-size: 12px;
    background: #fafafa;
    box-sizing: border-box;

    .container {
        position: relative;
        width: 1226px;
        margin: auto;

        .logo {
            width: 56px;
            height: 56px;
            margin-right: 20px;
            background: url(//s02.mifile.cn/assets/static/image/logo-mi2.png) no-repeat;
            background-size: 56px;
            position: absolute;
            top: 0;
            left: 0;
        }

        .ir {
            display: block;
            text-align: left;
            text-indent: -9999em;
            overflow: hidden;
        }

        .info-text {
            color: #b0b0b0;
            padding-left: 77px;

            p {
                margin: 0;
                line-height: 18px;
                font-size: 12px;

                &.sites {
                    a {
                        color: #757575;
                        font-size: 12px;
                    }

                    .sep {
                        margin: 0;
                        font-family: sans-serif;
                    }
                }

                a {
                    color: #b0b0b0;
                    font-size: 12px;
                }
            }
        }

        .info-links {
            height: 28px;
            margin: 4px 0 15px;
            padding-left: 77px;

            a {
                display: inline-block;
                font-size: 12px;
                color: #757575;

                img {
                    width: auto;
                    height: 28px;
                    margin-left: 0;
                    border: 0;
                }
            }
        }
    }

    .slogan {
        clear: both;
        margin: 30px auto 0;
        width: 100%;
        height: 19px;
        background: url(https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/slogan2020.png) no-repeat center 0;
    }

    .ir {
        display: block;
        text-align: left;
        text-indent: -9999em;
        overflow: hidden;
    }
}
</style>